
<p>Busca tu colegio por nombre!</p>

<style type="text/css">
    .ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
</style>
<script type="text/javascript">
    $(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );
            $( "#log" ).attr( "scrollTop", 0 );
        }
        $( "#colegios" ).autocomplete({
            source: "../Colegios.php",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            minLength: 1,
            select: function( event, ui ) {
                callUrl('resultado_colegio','<?php echo url_for('home/MostrarColegio'); ?>'+'?id='+ui.item.id);
            }
        });
    });
</script>
<div class="ui-widget">
    <input id="colegios" onclick="$('#colegios').val('')" />
</div>


<div id="resultado_colegio"></div>